<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>{block name="title"}网站后台管理平台{/block}</title>
	<!-- 导入样式 -->
	<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/element-plus/dist/index.css" />
	<style>
		body {
			padding: 0;
			margin: 0;
		}
	</style>
	{block name="style"}
	<style>
		
	</style>
	{/block}
</head>
<body>
	<div id="app">
		<el-container>
			<el-header>Header</el-header>
			<el-main>
				{block name="main"}
					<el-button>Button</el-button>
				{/block}
			</el-main>
			<el-footer>Footer</el-footer>
	    </el-container>
	</div>

	<!-- 导入 Vue 3 -->
	<script src="//cdn.jsdelivr.net/npm/vue@next"></script>
	<!-- 导入组件库 -->
	<script src="//cdn.jsdelivr.net/npm/element-plus"></script>
	{block name="script"}
	<script>
		const app = Vue.createApp({
			data: function () {
				return {
					visible: false
				}
			}
		});
		app.use(ElementPlus).mount('#app');
	</script>
	{/block}
</body>
</html>